<template>
	<view class="pd30">
		<view class="bg-w pd40 bdr16 box-shadow">
			<view class="text-center ft18 text-main">
				购买抵扣券消费
			</view>
			<view class="mt40 text-center ftw600 ft32">
				-20.00
			</view>
			<view class="line mt40 mb40"></view>
			<view class="flex space alcenter mb40 ft16">
				<view class="log-l text-notice">交易类型</view>
				<view class="log-r pl20 text-main">支出</view>
			</view>
			<view class="flex space alcenter mb40 ft16">
				<view class="log-l text-notice">交易时间</view>
				<view class="log-r pl20 text-main">2019-09-12 12:00</view>
			</view>
			<view class="flex space alcenter mb40 ft16">
				<view class="log-l text-notice">交易号</view>
				<view class="log-r pl20 text-main">20192559589945566</view>
			</view>
			<view class="flex space alcenter mb40 ft16">
				<view class="log-l text-notice">余额</view>
				<view class="log-r pl20 text-main">70元</view>
			</view>
			<view class="flex space alcenter mb40 ft16">
				<view class="log-l text-notice">备注</view>
				<view class="log-r pl20 text-main">萌乐园-万达店消费</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.log-l{
		width: 140rpx;
	}
	.log-r{
		width: calc(100% - 140rpx);
	}
</style>